body
{
   width: 700px;
   margin: auto; /* Pour centrer notre page */
   margin-top: 20px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d'enlever pour voir ! */
   margin-bottom: 20px;    /* Idem pour le bas du navigateur */
   background-image:url("../image/fond.jpg");
}

 #corps
 {
  margin-left: 40px; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */

  margin-bottom: 20px; /* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous */
  padding: 5px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */

  background-color: rgb(239,239,239);
   





 }
.Element_corps
{
 background-color: orange;
 width: 647px;
 height: 221px;
 background-image:url("../image/onis-ce2.jpg");
 background-repeat: no-repeat;
 border: 1px ridge rgb(239,239,239);

}

.Index
{padding :-20px;

 margin-top: -570px;
 margin-right:90px;
 width: 520px;
 height: 560px;
 background-color:  white;
 border: 1px solid rgb(219,219,219);

}
.Pied_de_page
{


 margin-top: 5px;
 width: 646px;
 height: 46px;
 background-color:  white;
 border: 1px ridge  rgb(239,239,239);
 background-image:url("../image/Pied_de_page.jpg");
 background-repeat: no-repeat;
}




}
H3
{
text-align:center;
text-decoration:underline;
color:  rgb(255,128,64);
}
a
 {
  text-align:center;

 text-decoration: underline; /* Les liens ne seront plus soulignés */
 }
 a:focus /* Quand le visiteur sélectionne le lien */
{
   text-decoration: underline;
   color: blue;
   }
 a:hover /* Quand le visiteur pointe sur le lien */
{
   color: red;
   text-decoration: none;

}
a:visited /* Quand le visiteur a déjà vu la page concernée */
{
   color:blue;
}

 UL:hover
 {

  background-color:  white;
  color:cyan;
 }
 #ok
{
  margin-left: 10px;
  border: 2px outset  ;
  background-color: silver;
  }
  #menu
{


   width: 125px; /* Très important : donner une taille au menu */
   height: 570px;
   margin-left: 520px;
   background-color: white;
   border: 1px solid rgb(219,219,219);
   position:absolute ;
}
  .header
  {
   width: 510px; /* Très important : donner une taille au menu */
   height: 30px;
   background-image:url("../image/header.jpg");


  }
  p
  {
    text-align:center;

  }
  .header2
  {
   width: 125px; /* Très important : donner une taille au menu */
   height: 30px;
   background-image:url("../image/t3.jpg");
   }
   H5
{
text-align:center;

color:  blue;
}
 H4
{
color:  rgb(255,128,64);
text-align:center;
}
 td
{


   border: 1px solid black;
   background-color: white;
    border-collapse:collapse;
     border-bottom:none;
     background-color:orange;

}
table
{
   width: 300px;
   border-collapse:collapse;
   border: 1px solid black;
   background-color: white;
   margin-left:100px;
}
.un
{
 font-size:large;
 text-align:center;
 color:white;
 background-color: orange;
 width: 150px;
}
.trouve
{
 text-align:center;


 font-size:large;
 color:  rgb(255,128,64);

}
input
{
border:orange;
}